<!DOCTYPE html>
<html lang="en">
    <head>
        {% include head.html %}
        <title>{{ site.title }}{% if page.title %} | {{ page.title }}{% endif %}</title>
        <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">
        <link rel="stylesheet" href="{{ site.baseurl }}/css/fonts_responsive.css">
        <link rel="stylesheet" href="{{ site.baseurl }}/css/carbon.css">
    </head>
    <body>
        {% include header.html %}
        <div class="container-fluid container-md">
            <div class="row">
                <div id="drawer" class="col-md-3 px-4 border-right has-divider drawer drawer-closed">
                    {% include navigation.html %}
                </div>
                <div class="col-12 col-md-9">
                    <div class="content py-3 px-2">
                        {{ content }}
                    </div>
                    {% if page.disqus == 1 %}
                    <div class="mt-4">
                        {% include disqus.html %}
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <div class="row">
                <div class="col-12 p-0">
                    {% include footer.html %}
                </div>
            </div>
        </div>
    </body>
</html>
